<template>
     <div class="box_">
        <div>
            <AdminInfo :img_="user.avatar">
                <template v-slot:name>
                    {{user.username}}
                </template>
            </AdminInfo>
            <NavigationContent>

            </NavigationContent>
        </div>
     </div>
</template>

<script>
import AdminInfo from "@/components/home/AdminInfo.vue";
import NavigationContent from "@/components/home/NavigationContent.vue";

export default {
    name: "NavigationBar",
    components: {NavigationContent, AdminInfo},
    data(){
        return{
            user:"",
        }
    },
    mounted() {
        this.user = JSON.parse(window.localStorage.getItem("user"));
    }
}
</script>

<style scoped>
.box_{
    display: flex;
    justify-content: space-between;
}
</style>